@charset "UTF-8";
/* 主体样式 */
.main {
  background-color: #f3f3f3;
}

/* 轮播图 */
.my-swipe .van-swipe-item {
  color: #fff;
  text-align: center;
}

.swiper-container img {
  width: 100%;
  display: block;
}

/* 快捷工具栏 */
.index-nav {
  overflow: hidden;
  background-color: #fff;
  padding: 12px 0 9px;
}

.index-nav li {
  width: 20%;
  float: left;
  text-align: center;
}

.index-nav li a {
  display: block;
}

.index-nav li img {
  display: block;
  margin: auto;
  width: 43.2px;
  height: 43.2px;
  font-size: 12px;
  color: #666;
}

.index-nav li b {
  display: block;
  font-size: 13.2px;
  line-height: 16.2px;
  margin-top: 3px;
  color: #333333;
}

/*公告栏*/
.reviewNews {
  background: #fff;
  height: 40.8px;
  margin-top: 9.6px;
}

.reviewNews dl {
  overflow: hidden;
  position: relative;
  padding-left: 103.2px;
}

.reviewNews dl dt {
  width: 103.2px;
  margin-top: 10.2px;
  padding-right: 8.4px;
  padding-left: 8.4px;
  text-align: right;
  position: absolute;
  left: 0;
  top: 0;
}

.reviewNews dl dt img {
  width: 84.6px;
  display: block;
}

.reviewNews dl dd {
  overflow: hidden;
}

.reviewNews dl dd .notice_active {
  position: relative;
  height: 40.8px;
  overflow: hidden;
}

.notice_active .van-notice-bar {
  padding: 0;
}

/* 广告栏  */
.floorBanner {
  margin-top: 9.6px;
}

.floorBanner img {
  width: 100%;
  display: block;
}

/* 新到图书折上折  */
.newBookTitle {
  background: #f9bd00;
  height: 40.8px;
  position: relative;
}

.newBookTitle h2 {
  font-size: 15.6px;
  margin-left: 12px;
  line-height: 40.8px;
  color: #fff;
  font-style: normal;
  font-weight: normal;
}

.newBookTitle a {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  color: #ffffff;
  height: 18px;
  margin-top: 12px;
  border: 1px solid #fff;
  border-radius: 16.8px;
  margin-right: 6px;
  padding: 0 9.6px 0 9.6px;
  font-size: 10.8px;
  line-height: 16.8px;
}

.newBookTitle a span {
  float: right;
  background: url("../../assets/images/home/main/whiterightarrow.png") no-repeat right center;
  background-size: 3.6px 6.6px;
  width: 3.6px;
  height: 6.6px;
  margin: 4.8px 0 0 4.8px;
}

.newBookList ul {
  padding: 0 3px;
  background: #fff;
  overflow: hidden;
  padding-bottom: 10.8px;
}

.newBookList ul li {
  float: left;
  width: 31.7%;
  padding: 0 3px;
  margin-top: 12px;
}

.newBookList ul li a {
  display: block;
}

.newBookList ul li .cover {
  text-align: center;
  padding: 3px 0;
}

.newBookList ul li .cover img {
  max-width: 100%;
  height: 120px;
}

.newBookList ul li .name {
  color: #000;
  font-size: 13.2px;
  line-height: 18px;
  margin-top: 6px;
  padding: 0 6px;
  height: 36px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.newBookList ul li .priceWrap {
  overflow: hidden;
  padding: 0 6px;
  line-height: 18px;
  margin-top: 4.2px;
}

.newBookList ul li .priceWrap .price {
  float: left;
  color: #e60000;
  font-size: 14.4px;
}

.newBookList ul li .priceWrap .original {
  float: left;
  color: #999999;
  font-size: 13.2px;
  margin-left: 8.4px;
  text-decoration: line-through;
}

/*淘书团样式*/
.tstWrap {
  margin-top: 9.6px;
}

.tstTit {
  position: relative;
  background: #fff;
  padding-top: 4.8px;
}

.tstTit h2 {
  height: 30px;
}

.tstTit h2 img {
  width: 138px;
}

.tstTit a {
  position: absolute;
  right: 0;
  top: 0;
  overflow: hidden;
  color: #666;
  height: 18px;
  margin-top: 12px;
  border: 1px solid #666;
  border-radius: 16.8px;
  margin-right: 6px;
  padding: 0 9.6px 0 9.6px;
  font-size: 10.8px;
  line-height: 16.8px;
}

.tstTit a span {
  float: right;
  background: url(http://o.bookschina.com/images/wap/rightblaickarrow.png) no-repeat center;
  background-size: 3.6px 6.6px;
  width: 3.6px;
  height: 6.6px;
  margin: 4.8px 0 0 4.8px;
}

.tstList {
  background: #fff;
}

.tstList ul {
  overflow: hidden;
  padding: 0 3px 6px;
}

.tstList ul li {
  float: left;
  width: 48.3%;
  margin: 6px 0 0 0;
  padding: 0 3px;
}

.tstList ul li .bookWrap {
  background: #f3f3f3;
}

.tstList ul li .cover {
  position: relative;
}

.tstList ul li .cover span {
  position: absolute;
  width: 100%;
  height: 24px;
  line-height: 24px;
  left: 0;
  bottom: 0;
  text-align: center;
  font-size: 13.2px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff30f;
}

.tstList ul li .cover img {
  width: 100%;
  font-size: 12px;
}

.tstList ul li .name {
  position: relative;
  color: #000000;
  line-height: 18px;
  height: 36px;
  font-size: 13.2px;
  overflow: hidden;
  text-indent: 18px;
  padding: 0 6px;
  margin-top: 9.6px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  position: relative;
}

.tstList ul li .name span {
  border-radius: 1.8px;
  position: absolute;
  height: 13.2px;
  width: 13.2px;
  background: #ed0b0e;
  color: #ffffff;
  text-align: center;
  line-height: 13.2px;
  font-size: 9.6px;
  left: 6px;
  top: 1.2px;
  text-indent: 0px;
}

.tstList ul li .priceWrap {
  font-size: 10.8px;
}

.tstList ul li .priceWrap .Tprice {
  padding: 0 6px;
  color: #e60000;
  font-size: 10.8px;
  line-height: 16.8px;
  margin-top: 4.8px;
}

.tstList ul li .priceWrap .Tprice span {
  font-size: 14.4px;
}

.tstList ul li .priceWrap .discountWrap {
  padding: 0 0 9.6px 6px;
  overflow: hidden;
  margin-top: 2.4px;
}

.tstList ul li .priceWrap .discountWrap .original {
  float: left;
  text-decoration: line-through;
  color: #9a9a9a;
  font-size: 12px;
  line-height: 18px;
}

.tstList ul li .priceWrap .discountWrap .discount {
  float: right;
  height: 15.6px;
  line-height: 15.6px;
  font-size: 10.8px;
  color: #fff;
  background: #efb64d;
  border-radius: 15.6px 0 0 15.6px;
  padding: 0 3.6px;
}

/*读者热评*/
.hottockWrap {
  margin-top: 9.6px;
}

.hottockTit {
  position: relative;
  background: #fff;
  padding: 5.4px 0 6px;
  box-shadow: 0px 1px 2px #dddcdd;
}

.hottockTit h2 {
  height: 30px;
}

.hottockTit h2 img {
  width: 138px;
}

.hottockMain {
  padding: 0 12px;
  background: #fff;
}

.hottockMain a {
  display: block;
}

.hottockMain .bookWrap {
  position: relative;
  margin-bottom: 2px;
  padding-left: 132px;
  overflow: hidden;
  min-height: 150px;
}

.hottockMain .bookWrap .cover {
  margin: 9px 0;
  height: 132px;
  width: 132px;
  position: absolute;
  left: 0;
  top: 0;
  text-align: center;
}

.hottockMain .bookWrap .cover img {
  height: 132px;
  max-width: 100%;
}

.hottockMain .bookWrap .name {
  color: #000;
  font-size: 13.2px;
  line-height: 18px;
  margin-top: 12px;
  height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.hottockMain .bookWrap .review {
  color: #666666;
  font-size: 12px;
  line-height: 18px;
  height: 54px;
  padding: 1.2px 9px;
  background: #f3f3f3;
  margin: 6px 0 0;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.hottockMain .bookWrap .review span {
  color: #e60000;
}

.hottockMain .bookWrap .priceWrap {
  overflow: hidden;
  line-height: 18px;
  margin-top: 4.2px;
}

.hottockMain .bookWrap .priceWrap .price {
  float: left;
  color: #e60000;
  font-size: 14.4px;
}

.hottockMain .bookWrap .priceWrap .original {
  float: left;
  color: #999999;
  font-size: 13.2px;
  margin-left: 7.2px;
  text-decoration: line-through;
}

.van-rate__item .van-rate__icon {
  font-size: 12px;
}

.van-rate {
  float: left;
}

.hottockMain .bookWrap .startWrap {
  overflow: hidden;
  line-height: 12px;
  margin-top: 6px;
}

.hottockMain .bookWrap .startWrap b {
  float: left;
  font-size: 12px;
  margin-left: 6px;
  color: #ff511c;
}

.hottockList ul {
  overflow: hidden;
}

.hottockList ul li {
  float: left;
  width: 49%;
  overflow: hidden;
  padding: 0 2px 2px 0;
}

.hottockList ul li a {
  display: block;
}

.hottockList ul li .bookWrap {
  background: #fff;
  padding: 9px 0 10.2px 0;
}

.hottockList ul li .cover {
  text-align: center;
  padding: 3px 0;
}

.hottockList ul li .cover img {
  max-width: 100%;
  height: 120px;
}

.hottockList ul li .name {
  color: #000;
  font-size: 13.2px;
  line-height: 18px;
  margin-top: 7.2px;
  padding: 0 9px 0 12px;
  height: 18px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 1;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.hottockList ul li .review {
  color: #666666;
  font-size: 12px;
  line-height: 18px;
  background: #f3f3f3;
  margin: 6px 3px 0;
  padding: 1.2px 9px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.hottockList ul li .review span {
  color: #e60000;
}

.hottockList ul li .review p {
  display: inline;
}

.hottockList ul li .priceWrap {
  overflow: hidden;
  padding: 0 6px 0 12px;
  line-height: 18px;
  margin-top: 4.2px;
}

.hottockList ul li .priceWrap .price {
  float: left;
  color: #e60000;
  font-size: 14.4px;
}

.hottockList ul li .priceWrap .original {
  float: left;
  color: #999999;
  font-size: 13.2px;
  margin-left: 7.2px;
  text-decoration: line-through;
}

.hottockList ul li .startWrap {
  overflow: hidden;
  padding: 0 0 0 12px;
  line-height: 12px;
  margin-top: 6px;
}

.hottockList ul li .startWrap span {
  float: left;
  height: 12px;
  width: 12px;
  margin: 0 3px 0 0;
}

.hottockList ul li .startWrap span.full {
  background-image: url("http://o.bookschina.com/images/wap/full.png");
  background-size: 12px 12px;
}

.hottockList ul li .startWrap span.half {
  background-image: url("http://o.bookschina.com/images/wap/halfstart.png");
  background-size: 12px 12px;
}

.hottockList ul li .startWrap span.empty {
  background-image: url("http://o.bookschina.com/images/wap/empty.png");
  background-size: 12px 12px;
}

.hottockList ul li .startWrap b {
  float: left;
  font-size: 12px;
  margin-left: 6px;
  color: #ff511c;
}

.fiveStarLink a {
  display: block;
  text-align: center;
  font-size: 14.4px;
  color: #4a4a4a;
  height: 50.4px;
  line-height: 50.4px;
  background: #efbf41;
}

/*推荐书单*/
.recommendWrap {
  margin-top: 9.6px;
}

.recommendTit {
  position: relative;
  background: #fff;
  padding: 5.4px 0 6px;
  box-shadow: 0px 1px 2px #dddcdd;
}

.recommendTit h2 {
  height: 30px;
}

.recommendTit h2 img {
  width: 138px;
}

.recommenList {
  overflow: hidden;
  padding: 6px 3px;
  background: #fff;
}

.recommenList img {
  width: 100%;
}

.recommenList .recommenLeft {
  float: left;
  width: 49%;
  padding: 0 0.6px;
}

.recommenList .recommenright {
  overflow: hidden;
  float: right;
  width: 49%;
  padding: 0 0.6px;
}

.recommenList .recommenright a {
  float: left;
  width: 100%;
  margin-bottom: 3px;
}

/*新书速递*/
.BookCourierWrap {
  margin-top: 9.6px;
}

.BookCourierTit {
  position: relative;
  background: #fff;
  padding: 5.4px 0 6px;
  box-shadow: 0px 1px 2px #dddcdd;
}

.BookCourierTit h2 {
  height: 30px;
}

.BookCourierTit h2 img {
  width: 138px;
}

.courierList ul {
  padding: 0 3px;
  background: #fff;
  overflow: hidden;
  padding-bottom: 10.8px;
}

.courierList ul li {
  float: left;
  width: 32%;
  padding: 0 1.2px;
  margin-top: 12px;
}

.courierList ul li a {
  display: block;
}

.courierList ul li .cover {
  text-align: center;
  padding: 3px 0;
}

.courierList ul li .cover img {
  max-width: 100%;
  height: 120px;
}

.courierList ul li .name {
  color: #000;
  font-size: 13.2px;
  line-height: 18px;
  margin-top: 6px;
  padding: 0 6px;
  height: 36px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.courierList ul li .priceWrap {
  overflow: hidden;
  padding: 0 6px;
  line-height: 18px;
  margin-top: 4.2px;
}

.courierList ul li .priceWrap .price {
  float: left;
  color: #e60000;
  font-size: 14.4px;
}

.courierList ul li .priceWrap .original {
  float: left;
  color: #999999;
  font-size: 13.2px;
  margin-left: 8.4px;
  text-decoration: line-through;
}

/*畅销榜*/
.sellHotWrap {
  margin-top: 9.6px;
}

.sellHotTit {
  text-align: center;
  background: #fff;
  box-shadow: 0px 1px 6px #dddcdd;
  line-height: 40.8px;
}

.sellHotTit img {
  width: 150px;
}

.sellHotNavWrap {
  height: 44.4px;
  margin-top: 6px;
  position: sticky;
  left: 0;
  top: 0;
}

.sellHotNavFixed.fixed {
  position: fixed;
  width: 100%;
  width: 100%;
  top: 0;
  left: 0;
}

.sellHotNav {
  position: relative;
  height: 44.4px;
  background: #fff;
  overflow: hidden;
  box-shadow: 0px 1px 2px #dddcdd;
  width: 100%;
}

.sellHotNav .dropnav {
  background: #fff;
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.van-tabs {
  z-index: 99999;
}

.van-tab {
  border-right: 1px solid #e5e5e5;
}

.van-tab:last-child {
  border-right: none;
}

.van-tab--active {
  color: #e60000;
  border-top: solid #e60000 3.6px;
}

.sellHotList ul {
  overflow: hidden;
}

.sellHotList ul li {
  float: left;
  width: 49.5%;
  overflow: hidden;
  padding: 0 1px 3px 0;
}

.sellHotList ul li:nth-child(2n) {
  float: right;
}

.sellHotList ul li a {
  display: block;
}

.sellHotList ul li .bookWrap {
  background: #fff;
  padding: 9px 0 10.2px 0;
}

.sellHotList ul li .cover {
  text-align: center;
  padding: 3px 0;
}

.sellHotList ul li .cover img {
  max-width: 100%;
  height: 120px;
}

.sellHotList ul li .name {
  color: #000;
  font-size: 13.2px;
  line-height: 18px;
  margin-top: 7.2px;
  padding: 0 9px 0 12px;
  height: 36px;
  text-overflow: ellipsis;
  overflow: hidden;
  -webkit-line-clamp: 2;
  display: -webkit-box;
  -webkit-box-orient: vertical;
}

.sellHotList ul li .priceWrap {
  overflow: hidden;
  padding: 0 6px 0 12px;
  line-height: 18px;
  margin-top: 4.2px;
}

.sellHotList ul li .priceWrap .price {
  float: left;
  color: #e60000;
  font-size: 14.4px;
}

.sellHotList ul li .priceWrap .original {
  float: left;
  color: #999999;
  font-size: 13.2px;
  margin-left: 7.2px;
  text-decoration: line-through;
}

.sellHotList ul li .priceWrap .discount {
  float: right;
  color: #fff;
  font-size: 10.8px;
  background: #efb64d;
  height: 18px;
  line-height: 18px;
  padding: 0 1.8px;
}

.sellHotList .more {
  text-align: center;
  height: 48px;
  line-height: 48px;
}

.sellHotList .more a {
  font-size: 14.4px;
  color: #8e8e8e;
  display: block;
}

/* 签到按钮 */
.sign_btn {
  position: fixed;
  z-index: 999;
  right: 0;
  bottom: 120px;
  height: 54px;
  width: 54px;
  line-height: 15px;
}

.sign_btn a {
  display: block;
}

.sign_btn a img {
  width: 100%;
  font-size: 12px;
}

/*返回顶部*/
.fixed_box {
  display: none;
  position: fixed;
  right: 0;
  bottom: 60px;
  height: 54px;
  width: 54px;
  line-height: 15px;
  z-index: 5;
}

.fixed_box a {
  display: block;
}

.fixed_box a img {
  width: 100%;
  font-size: 12px;
}

/*网页底部*/
.pagefoot {
  background: #fff;
  margin-bottom: 52.8px;
}

.pagefoot .actions-wrap {
  text-align: center;
  line-height: 0;
  padding: 12px 0;
  border-bottom: 1px solid #f3f3f3;
}

.pagefoot .actions-wrap a {
  display: inline-block;
  border: 1px solid #999999;
  height: 22.8px;
  line-height: 21.6px;
  color: #666666;
  font-size: 14.4px;
  padding: 0 9.6px;
  border-radius: 2.4px;
  margin: 0 10px;
}

.pagefoot .b-nav {
  text-align: center;
  font-size: 13.2px;
  color: #666666;
  line-height: 36px;
}

.pagefoot .b-nav a {
  margin: 0 13.2px;
  color: #666;
}

.pagefoot .b-nav a.red {
  color: #e60000;
}

.pagefoot .sign0utWrap {
  overflow: hidden;
  padding: 12px;
  border-bottom: 1px solid #f3f3f3;
}

.pagefoot .sign0utWrap .userName {
  float: left;
  font-size: 14.4px;
  color: #333333;
}

.pagefoot .sign0utWrap .sign0ut {
  float: right;
  border: 1px solid #999999;
  height: 22.8px;
  line-height: 21.6px;
  color: #666666;
  font-size: 14.4px;
  padding: 0 9.6px;
  border-radius: 2.4px;
}

.pagefoot .copyRight {
  font-size: 13.2px;
  color: #8e8e8e;
  text-align: center;
  line-height: 49.2px;
}
